<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/js-test.js"></script>
</head>
<body>

  <div id="container">
    <div role="list">
      <div role="listitem" aria-label="item 1">
        <img src='#' width=100 height=100>
      </div>
      <div role="listitem" aria-label="item 2">
        <img src='#' width=100 height=100>
      </div>
    </div>
  </div>
</div>

<script>

    description("This tests that the ARIA roles of list and listitem map correctly to accessibility roles.");

    if (window.accessibilityController) {

        var container = accessibilityController.accessibleElementById("container");

        debug("container.childAtIndex(0).role = " + container.childAtIndex(0).role);
        debug("container.childAtIndex(0).childAtIndex(0).role = " + container.childAtIndex(0).childAtIndex(0).role);
        debug("container.childAtIndex(0).childAtIndex(1).role = " + container.childAtIndex(0).childAtIndex(1).role);
    }

</script>

</body>
</html>
